<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        border-bottom: none;
    }
    .modal-footer {
        border-top: none;
    }
    body{ overflow: auto !important;}
    .modal{ overflow: auto !important;}
</style>
<section style="border-bottom: 1px solid #e5e5e5    ">
    <h1 style="display:inline-block;margin-left: 30px;">报告管理</h1>
     <span>
        <button id="btnAddReport" class="btn btn-primary" style="float: right;margin-top: 5px;margin-right: 20px">新增报告</button>
    </span>
</section>

<section class="divClass">
    <div id="divId" style="margin-left: 30px">
        <br/>
        <div id="realDiv">
            <input type="text" id="user_name" class="searchContent" style="width: auto;height: 34px;border: 1px solid grey;" placeholder="人员姓名">
        <span id="spanId">
            <button id="btnSearch" class="btn btn-primary" style="margin-left: 40px;">
                搜索
            </button>
        </span>
            </p>
        </div>
    </div>
</section>

<section class="content">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>
<input type="hidden" value="<%=train_id%>" id="train_id_hidden">

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 65%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    新增报告
                </h4>
            </div>

            <div class="modal-body">
                <!-- 姓名 -->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>姓名:</span>
                    </div>
                    <div class="col-md-9 " style="padding-left: 5px;">
                        <select id="ReportName" class="form-control" style=" width: 100%;border: 1px solid grey;">
                            <option value="-1">请选择用户</option>
                            <%for(i=0;i<user_data.length;i++){%>
                            <option value="<%=user_data[i].user_id%>"><%=user_data[i].user_name %></option>
                            <%}%>
                        </select>
                    </div>
                </div>
                <!-- 成绩 -->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>成绩:</span>
                    </div>
                    <div class="col-md-9 " style="padding-left: 5px;">
                        <input  style="height:30px;width: 100%; border: 1px solid grey;" id="ReportScore" name="ReportScore" type="text" />
                    </div>
                </div>

                <!-- 报告内容 -->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>报告内容:</span>
                    </div>
                    <div class="col-md-9 " style="padding-left: 5px;">
                        <textarea style="width: 100%;height: 300px;" id="content" name="content"></textarea>
                    </div>
                </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btnAddReportSure">
                    发送
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<!--------------------富文本框------------------->
<script charset="utf-8" src="/plugins/kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="/plugins/kindeditor/lang/zh_CN.js"></script>
<script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="content"]', {
            uploadJson : '../../upload',
            allowFileManager : true
        });
    });
</script>

